<!DOCTYPE>

<html>

<head>
<title>Idea Management - Smart Soft</title>


<link rel="stylesheet" type="text/css" media="screen" href="../public/stylesheets/public_sitestyle.css" />
<link rel="stylesheet" type="text/css" href="../public/javascript/shadowbox/shadowbox.css" />

<script src="../public/javascripts/jquery-1.5.2.min.js"></script>
<script src="../public/javascripts/shadowbox/shadowbox.js"></script>

<script type="text/javascript">
	$(function() {
		$("#header").fadeIn(1000, function() {
			$("#how-it-works").fadeIn(1000, function() {});
		});
	});
</script>

</head>

<body class="home">
	<div id="top" style="display: block;">
		<div class="inner">
			<ul id="mini-nav" class="sprite-common" style="display: block;">
				<li class="Sign up"><a href="@{Application.signup()}">Sign Up</a></li>
				<li>|</li>
				<li class="login"><a href="@{Application.login()}">Login</a></li>
			</ul>
		</div>
	</div>
	<div id="header-home-wrapper">
		<div id="header">
			<div class="inner header">
				<h1 class="logo">
					<a href="/">SmartSoft</a>
				</h1>
				<div class="clear"></div>
			</div>
			<div class="blab" style="display:none"><p>Testing fade</p></div>
			<div id="how-it-works" style="display:none">
			
			<div class="inner">
				<h2>How it works</h2>
				<div class="hiw-box">
					<span class="top"></span>
					<span class="bottom"></span>
					<div id="col1" class="col"  >
						<div id="hiw1" class="img-box">
							<a href="#" rel="shadowbox"> <span
								class="mask"></span> <img width="236" height="160"
								src="../public/images/hiw1.jpg" alt="Users SignUp" /> </a> <span
								class="line"></span>
						</div>
						<h3>Sign Up!</h3>
						<p> signing up to the web site is free, and easy, just click on 
						the sign up button located on the top-right corner of the page.</p>
						<a href="#" rel="shadowbox">View Screen Shot</a>
					</div>
					<div id="col2" class="col" >
						<div id="hiw2" class="img-box" >
							<a href="#" rel="shadowbox"> <span class="mask"></span>
								<img width="236" height="160" src="../public/images/hiw2.jpg"
								alt="Create or join an Organization" /> </a> <span class="line"></span>
						</div>
						<h3>Create or join an Organization</h3>
						<p>After sign up you can join an 
							organization or create your own, 
							discussing and rating ideas.</p>
						<a href="#" rel="shadowbox">View Screen Shot</a>
					</div>
					
					<div class="col">
					
						<div id="hiw3" class="img-box">
							<a href="#" rel="shadowbox"> <span
								class="mask"></span> <img width="236" height="160"
								src="../public/images/hiw3.jpg" alt="The Best Ideas Bubble Up" /> </a> <span
								class="line"></span>
						</div>
						<h3>Find, Comment and Rate Ideas</h3>
						<p>search for the most valuable ideas and see them rise to the top.
						   As you comment and rate them.</p>
						<a href="#" rel="shadowbox">View Screen
							Shot</a>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		</div>
	</div>
	<div id="content" class="inner">
		<div class="client_logo sprite-home"></div>
		
	</div>
	<div id="footer">
		<div id="other-tools">
			<div class="inner">
				<span class="logo sprite-common nindent"> <a href="/">Smart Soft</a>
				</span>
				<div class="SEO_pages">
					<br> <br>
					<ul>
						<li>
							<h3>About:</h3></li>
						<li><a title="SmartSoft" href="#">SmartSoft</a></li>
						<li><a title="ChickenDesigners" href="#">Chicken Designers</a>
						</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	</div>
	<div id="sb-container">
		<div id="sb-overlay"></div>
		<div id="sb-wrapper">
			<a id="sb-nav-close" onclick="Shadowbox.close()" title="Close"></a>
			<div id="sb-title">
				<div id="sb-title-inner"></div>
			</div>
			<div id="sb-wrapper-inner">
				<div id="sb-body">
					<div id="sb-body-inner"></div>
					<div id="sb-loading">
						<div id="sb-loading-inner">
							<span>loading</span>
						</div>
					</div>
				</div>
			</div>
			<div id="sb-info">
				<div id="sb-info-inner">
					<div id="sb-counter"></div>
					<div id="sb-nav">
						<a id="sb-nav-next" onclick="Shadowbox.next()" title="Next"></a> <a
							id="sb-nav-play" onclick="Shadowbox.play()" title="Play"></a> <a
							id="sb-nav-pause" onclick="Shadowbox.pause()" title="Pause"></a>
						<a id="sb-nav-previous" onclick="Shadowbox.previous()"
							title="Previous"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="lc_invite_layer"
		style="text-align: left; display: none; z-index: 16777262;"></div>
	<div id="lc_overlay_layer"
		style="background-color: rgb(0, 0, 0); position: fixed; left: 0pt; top: 0pt; z-index: 16777261; display: none; width: 100%; height: 100%;"></div>
	<div id="_cacao_updateIcon_"></div>
	<input id="_cacao_alertShown_" type="hidden">



</body>
</html>